<template>
     <transition name="el-loading-fade">
         <div
            v-show="visible"
            class="el-loading-mask">
            <div class="el-loading-spinner">
                <svg class="circular" viewBox="25 25 50 50">
                    <circle class="path" cx="50" cy="50" r="20" fill="none"/>
                </svg>
            </div>
        </div>
     </transition>
</template>

<script>
export default {
    data() {
      return {
        visible: false,
      };
    },
}
</script>